<template>
	<div class="tool-bar-lf">
		<CollapseIcon />
		<Breadcrumb v-if="themeConfig.breadcrumb" id="breadcrumb" />
	</div>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import { useGlobalStore } from '@/store/modules/global';
import CollapseIcon from './components/CollapseIcon.vue';
import Breadcrumb from './components/Breadcrumb.vue';

const globalStore = useGlobalStore();
const themeConfig = computed(() => globalStore.themeConfig);
</script>

<style scoped lang="scss">
.tool-bar-lf {
	display: flex;
	align-items: center;
	justify-content: center;
}
</style>
